<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>New Web Project</title>
		
		<style type="text/css">
			.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
			.pop-layer .pop-container {padding: 20px 25px;}
			.pop-layer p.ctxt {color: #666; line-height: 25px;}
			.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
		
			a.close_layer {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
			a.close_layer:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}
			
			html {position:relative;}
			.dimmed_bg {background:rgba(100,20,20,0.5);width:100%;height:100%;position:absolute;}
		</style>
		<script src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript" src="js/layer_pop.js"></script>
		<script type="text/javascript">
						
		</script>
	</head>
	<body>
		<h1>New Web Project Page</h1>
		<a href="#" class="btn-example open_layer" onclick="layer_open('layer1');return false;">예제-1 보기</a>
		<div class="dimmed_bg">
			<div id="layer1" class="pop-layer">
				<div class="pop-container">
					<div class="pop-conts">
						<!--content //-->
						<p class="ctxt mb20">
							Thank you.
							<br>
							Your registration was submitted successfully.
							<br>
							Selected invitees will be notified by e-mail on JANUARY 24th.
							<br>
							<br>
							Hope to see you soon!
						</p>
						<div class="btn-r">
							<a href="#" class="close_layer">Close</a>
						</div>
						<!--// content-->
					</div>
				</div>
			</div>
		</div>	
			
	</body>
</html>

